<style>
    #oneway tbody tr:hover
    {
        cursor: pointer;
    }
    .modal-header{
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    #formchuyenbay  .control-label
    {
        color: white;
    }
    #slideshow {
    position:relative;
    height:300px;
    width: 450px;
}

    #slideshow DIV {
        position:absolute;
        top:0;
        left:0;
        z-index:8;
        opacity:0.0;
        height: 300px;
        width: 450px;
        background-color: #FFF;
    }

    #slideshow DIV.active {
        z-index:10;
        opacity:1.0;
    }

    #slideshow DIV.last-active {
        z-index:9;
    }

    #slideshow DIV IMG {
        height: 250px;
        width: 387px;
        display: block;
        border: 0;
        margin-bottom: 10px;
    }
</style>
<div>
<div class="mainwrapper panel-body">
            <input type="hidden"  value="<?= base_url(); ?>" id='baseurl' />
            <div class="left_content">
                         <div id="content-slider ">
                             <div id="slider">
                                    <div id="mask">
                                        <div id="slideshow">
                                            <div class="active">
                                            <a href="#">
                                            <img src="<?php echo base_url(); ?>/img_home/slide1.jpg" alt="HTML5 Future Language"/>
                                            </a>
                                                
                                        </div>

                                        <div>
                                            <a href="#">
                                                <img src="<?php echo base_url(); ?>/img_home/slide2.png" alt="HTML5"/>
                                            </a>

                                        </div>

                                        <div>
                                            <a href="#">
                                                <img src="<?php echo base_url(); ?>/img_home/slide3.jpg" alt="css3"/>
                                            </a>

                                        </div>

                                        <div>
                                            <a href="#">
                                                <img src="<?php echo base_url(); ?>/img_home/slide4.jpg" alt="JoomLa"/>
                                            </a>

                                        </div>

                                        <div>
                                            <a href="#">
                                                <img src="<?php echo base_url(); ?>/img_home/slide1.jpg" alt="WordPress"/>
                                            </a>

                                        </div>
                                        </div>
                                </div>

                                 <div class="progress-bar"></div>
                            </div>
                    </div>
                    
                
                    <div id="recents">
            <h3>Vé máy bay khách vừa đặt</h3>
            <ul>
                <li>
                    <p class="toptext"> » Khách đặt 1 vé máy bay <strong>Hà Nội - Hồ Chí Minh</strong>, <strong>Ngày 09/02</strong></p>
                    <img class="imgair" src="<?php echo base_url(); ?>/img_home/hoa.gif" width="49" height="29" border="">
                    <p class="detailprice">

                        1 Phút trước <span class="rcprice">Giá 2,200,200 VNĐ</span>  <span class="rcview"><a href="http://likebay.vn/#">Chi Tiết</a> </span>
                    </p>

                    <div class="clearfix"></div>
                </li>
                <li>
                    <p class="toptext">» Khách đặt 1 vé máy bay <strong>Hà Nội - Hồ Chí Minh</strong>, <strong>Ngày 09/02</strong></p>
                    <img class="imgair" src="<?php echo base_url(); ?>/img_home/hoa.gif" width="49" height="29" border="1">
                    <p class="detailprice">

                        1 Phút trước <span class="rcprice">Giá 2,200,200 VNĐ</span>  <span class="rcview"><a href="http://likebay.vn/#">Chi Tiết</a> </span>
                    </p>
                    <div class="clearfix"></div>
                </li>
                
            </ul>
        </div>
                
            </div>        
            
            <div class="right_content">
                <div class="panel panel-dangky panel-primary"  >
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs">
                        <li class="active" style="width: 50%;"><a href="#oneway" data-toggle="tab"><b>MỘT CHIỀU</b></a></li>
                        <li style="width: 50%;"><a href="#twoway" data-toggle="tab"><b>KHỨ HỒI</b></a></li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="panel-body-dangky panel-body">
                        <div id="formchuyenbay" class=" tab-content" >
                        <div class="tab-pane active" id="oneway">
                             <?php  $attributes = array('role' => 'form', 'id' => 'oneway_search','class'=>'form-horizontal');
                                    echo form_open('', $attributes);?>
                                <div class="form-group">
                                    <label for="from" class="col-sm-2 control-label">Nơi đi</label>
                                    <div class="col-sm-10">
                                        <select id="from1" name="from" class="form-control" required>
                                            <option value="" disabled selected>Chọn sân bay khởi hành...</option>
                                            <?php foreach ($sanbaydi as $row) {
                                                echo '<option value="'.$row['MSG'].'">'.$row['TENSB'].', '.$row['THANHPHO'].', '.$row['QUOCGIA'].'</option>';
                                            }
                                            ?>
                                        </select>
                                    </div>
                                    
                                </div>

                                <div class="form-group ">
                                    <label for="to" class="col-sm-2 control-label">Nơi đến</label>
                                    <div class="col-sm-10">
                                        <select name="to" id="to1" class="form-control" required>
                                             <option value="" disabled selected>Chọn sân bay đến...</option>
                                        </select>
                                    </div>
                                </div> 
                            
                                <div class="form-group ">
                                    <label for="date_di" class="col-sm-2 control-label">Ngày đi</label>
                                    <div class="col-sm-5" style=" width: 36.5% !important">
                                        <input  class="form-control" type="date" name="date_di" value="<?php echo date('Y-m-d');?>">
                                    </div>
                                </div> 

                                <hr>
                                <div class="form-group"> 
                                        <label for="adult" class="col-sm-2 control-label">Người lớn</label>
                                        <div class="col-sm-3">
                                            <select id="adult1" name="adult" class="form-control">
                                                <?php for($i=1;$i<=100;$i++){
                                                    echo '<option value="'.$i.'">'.$i.'</option>';
                                                };?>
                                            </select>
                                        </div>
                                        <label for="children" class="col-sm-3 control-label">> 12 tuổi</label>  
                                </div>

                                <div class="form-group">
                                        <label for="children" class="col-sm-2 control-label">Trẻ em</label>
                                        <div class="col-sm-3">
                                            <select id="children1" name="children" class="form-control">
                                                <?php for($i=0;$i<=100;$i++){
                                                    echo '<option value="'.$i.'">'.$i.'</option>';
                                                };?>
                                            </select>
                                        </div>
                                        <label for="children" class="col-sm-3 control-label">< 12 tuổi</label>
                                </div>
                            <hr>

                            <div class="submit-dangky">    
                                <input type="submit" class="bt_submit" name="submit_search" value="Tìm chuyến bay">
                            </div>
                            <?php echo form_close();?>
                        </div>
                        
                        <div class="tab-pane" id="twoway">
                             <?php  $attributes = array('role' => 'form', 'id' => 'twoway_search','class'=>'form-horizontal');
                                    echo form_open('', $attributes);?>
                                <div class="form-group">
                                    <label for="from" class="col-sm-2 control-label">Nơi đi</label>
                                    <div class="col-sm-10">
                                        <select id="from2" name="from" class="form-control" required>
                                            <option value="" disabled selected>Chọn sân bay khởi hành...</option>
                                            <?php foreach ($sanbaydi as $row) {
                                                echo '<option value="'.$row['MSG'].'">'.$row['TENSB'].', '.$row['THANHPHO'].', '.$row['QUOCGIA'].'</option>';
                                            }
                                            ?>
                                        </select>
                                    </div>
                                    
                                </div>

                                <div class="form-group ">
                                    <label for="to" class="col-sm-2 control-label" >Nơi đến</label>
                                    <div class="col-sm-10">
                                        <select name="to" id="to2" class="form-control" required>
                                             <option value="" disabled selected>Chọn sân bay đến...</option>
                                        </select>
                                    </div>
                                </div> 
                            
                                <div class="form-group">
                                    <label for="date_di" class="col-sm-2 control-label">Ngày đi</label>
                                    <div class="col-sm-5" style=" width: 36.5% !important">
                                        <input  class="form-control" type="date" name="date_di" value="<?php echo date('Y-m-d');?>">
                                    </div>
                                    <label for="date_ve" class="col-sm-2 control-label" style=" width: 10% !important">Về</label>
                                    <div class="col-sm-5" style=" width: 36.5% !important">
                                        <input  class="form-control" type="date" name="date_ve" value="<?php echo date('Y-m-d');?>">
                                    </div>
                                </div> 

                                <hr>
                                <div class="form-group"> 
                                        <label for="adult" class="col-sm-2 control-label">Người lớn</label>
                                        <div class="col-sm-3">
                                            <select id="adult1" name="adult" class="form-control">
                                                <?php for($i=1;$i<=100;$i++){
                                                    echo '<option value="'.$i.'">'.$i.'</option>';
                                                };?>
                                            </select>
                                        </div>
                                        <label for="children" class="col-sm-3 control-label">> 12 tuổi</label>  
                                </div>

                                <div class="form-group">
                                        <label for="children" class="col-sm-2 control-label">Trẻ em</label>
                                        <div class="col-sm-3">
                                            <select id="children1" name="children" class="form-control">
                                                <?php for($i=0;$i<=100;$i++){
                                                    echo '<option value="'.$i.'">'.$i.'</option>';
                                                };?>
                                            </select>
                                        </div>
                                        <label for="children" class="col-sm-3 control-label">< 12 tuổi</label>
                                </div>
                            <hr>

                            <div class="submit-dangky">    
                                <input type="submit" class="bt_submit" name="submit_search" value="Tìm chuyến bay">
                            </div>
                            <?php echo form_close();?>
                        </div>
                    </div> 
                    </div>
                </div>    
            </div>  
</div>
</div>
<div>
    <div id="InsertIntoMe" class="panel-body"></div>
</div>
<script>
    function slideSwitch() {
        var $active = $('#slideshow DIV.active');

        if ( $active.length == 0 ) $active = $('#slideshow DIV:last');

        // use this to pull the divs in the order they appear in the markup
        var $next =  $active.next().length ? $active.next()
            : $('#slideshow DIV:first');

        // uncomment below to pull the divs randomly
        // var $sibs  = $active.siblings();
        // var rndNum = Math.floor(Math.random() * $sibs.length );
        // var $next  = $( $sibs[ rndNum ] );


        $active.addClass('last-active');

        $next.css({opacity: 0.0})
            .addClass('active')
            .animate({opacity: 1.0}, 1000, function() {
                $active.removeClass('active last-active');
            });
        }

        $(function() {
            setInterval( "slideSwitch()", 5000 );
        });
</script>